/*
	Styles for Body
	Contains
		1. Wrapper
		2. Footer
*/
body {
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #333;
}

a:link {
  color:#5588aa;
  text-decoration:none;
  }
a:visited {
  color:#999999;
  text-decoration:none;
  }
a:hover {
  color:#cc6600;
  text-decoration:underline;
}

/*
	Styles for wrapper
	Contains
		1. header
		2. nav1
		3. nav2
		4. main
*/

#wrapper {
width: 95%;
margin-top: 10px;
margin-bottom: 10px;
border: none;
}

#header {
width: 88%px;
height: 100px;
text-align: center;
/*background-image: url(./saosx_banner_02_round.jpg);*/
}

#header h1 {
font-size:50px;
font-family:Arial, sans-serif;
color: #999999;
}

#header a {
  display:block;
  text-decoration:none;
  font-weight:bold;
}

#nav1 {
line-height: 1.6em;
width: 15%;
padding: 0px;
margin-top: 35px;
margin-left: 10px;
float: left;
border-top:1px dotted #555;
border-bottom:1px dotted #555;
}

/*****
	Styles for main
	Contains
		1. content
*/

#main {
background-color:#FFFFFF;
margin-top: 15px;
margin-left: 20%;
margin-right: 20%;
padding: 10px;
}

#main h2 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:200%;
  font-weight:bold;
  line-height:1.8em;
  font-family:Arial, sans-serif;
  color: #cc6600; 
}

h3 {
  margin:1.5em 0 .75em;
  font:Arial, Sans-serif;
  line-height: 1.4em;
  letter-spacing:.2em;
  color:#777777;
}

/*
	Properties for contents
	contains
		1. wordlist
*/
#content {
font-family: verdana;
line-height: 1.6em;
white-space: normal;
text-align: justify;
}

#content h2 a, #content h2 a:visited, #content h2 strong {
  color:#c60;
  font-weight:bold;
}

#content img#center{
  padding:4px;
  border:1px solid #666;
}

/*
	When I set length to 100% it all messes up, table takes all the page
*/
#content #maintable table
{
  vertical-align:text-top;
}

#content #maintable td
{
	font-size: 9pt;
	font-family: verdana;
	line-height: 1.4em;
	text-align: left;
	color: #333;
}

#content #maintable td#wordtitle
{
	font-weight:bold;
}

#content #maintable td#example
{
	padding-bottom: 10px;
}

#content #maintable td#qexample 
{
	font-family: Calibri;
	font-size: 11pt;
	font-style: italic;
	padding-bottom: 10px;
}

#nav2 {
line-height: 1.6em;
width: 15%;
padding: 10px;
margin-top: 1px;
margin-left: 5%;
float: right;
}

#footer {
padding-top: 100px;
text-align: center;
}
